<template>
  <div>
  <TypeNav />
  <ListContainer />
  <Recommend />
  <Rank />
  <Like />
  <Floor v-for="floor in floorList" :key="floor.id" :list="floor"/>
  <Brand />
  </div>
</template>

<script>
// 引入列表组件
import ListContainer from '@/pages/Home/ListContainer'
import Recommend from '@/pages/Home/Recommend'
import Rank from '@/pages/Home/Rank'
import Like from '@/pages/Home/Like'
import Floor from '@/pages/Home/Floor'
import Brand from '@/pages/Home/Brand'
// 引入mapState
import {mapState} from "vuex"

export default {
  components: {
    ListContainer,
    Recommend,
    Rank,
    Like,
    Floor,
    Brand
  },
  mounted(){
    this.$store.dispatch("getFloorList")
  },
  computed:{
    ...mapState({
      floorList:state=>state.home.floorList
    })
  }
  
}
</script>

<style scoped lang="less">
</style> 